<template>
    <div>
        <h1>具名插槽</h1>
        <Slot2>
           <template #header>
              <h1>我是头部</h1>
           </template>
           <template v-slot:default>
              <h1>我是内容</h1>
           </template>
           <template v-slot:footer="{data}">
              <h1>{{ a1 }}</h1>
              <h1>{{ data }}</h1>
              <h1>{{ data.name + "@" + data.age }}</h1>
           </template>            
        </Slot2>
    </div>
</template>
<script>
import Slot2 from '../../components/Slot2.vue'

export default {
    name: 'lesson7',
    components: {
        Slot2
    },
    data() {
        return {
            a1: 'hello world',
        }
    }
}
</script>
